<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <div id="box">
        <img src="../images/background.jpg" alt="">
        <div id="login">
            <p id="title">宿舍管理系统</p>
            <div id="user">
                <span class="glyphicon glyphicon-user user"></span>
                <input type="text" class="userInput" placeholder="username" id="j-username">
                <p class="userTest"></p>
            </div>
            <div id="pass">
                <span class="glyphicon glyphicon-lock user"></span>
                <input type="password" class="userInput" placeholder="password" id="j-password">
                <p class="passTest"></p>
            </div>
            <div class="clearfix">
                <div class="radio1"><input type="radio" name="radio" value="学生"><span>学生</span></div>
                <div class="radio2"><input type="radio" name="radio" value="管理员"><span>管理员</span></div>
            </div>
            <p class="radioTest"></p>
            <div class="passCheck">
                <input type="checkbox">记住密码
                <input type="checkbox">七天免登录
            </div>
            <a href="javascript:;"><button class="btn" id="j-loginBtn">登录</button></a>
        </div>
        <div id="err">
            <p>登录失败，请输入正确的账号密码</p>
        </div>
    </div>
</body>

</html>
<script src="../utils/jquery-3.6.0.min.js"></script>
<script src="../js/login.js"></script>